<style>
    .define{
        background-color: #f6f6f6;
    }
    .container-fluid{
        padding: 0;
    }
    .define-nav{
        background-color: #FFF;
        padding: 0.39393939rem 0 0.39393939rem 0.848484rem;
    }
    .define-nav .pull-left{
        color: #666;
        display: inline-block;
        font-size: 0.54rem;
        margin-top:6px;
    }
    .define-nav .pull-right{
        margin-right: 0.909090rem;
    }
    #admin_search_people,
    #admin_add_people{
        width: 3.272727rem;
    }
    .define-nav-list{
        font-size: 0.424242rem;
        margin-top: 0.87878787rem;
        margin-left: 0.909090rem;
        margin-right: 0.909090rem;
        color: #FFF;
    }
    .define-nav-list .define-nav-item{
        width: 30%;
        float: left;
    }
    .define-nav-list .define-nav-item:first-child{
        background-color: #08cbd3;
    }
    .define-nav-list .define-nav-item:nth-child(2){
        background-color: #FF874C;
        margin-left: 5%;
    }
    .define-nav-list .define-nav-item:last-child{
        margin-left: 5%;
        background-color: #4B9BE6;
    }
    .define-nav-item img{
        width: 1.69696969rem;
    }
    .define-nav-item{
        padding: 0.454545rem 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .define-nav-item .pull-left:first-child{
        margin-left: 8%;
    }
    .define-nav-item .pull-left:nth-child(2){
        margin-left: 3%;
        font-size: 0.6rem;
        line-height: 1.5;
    }
    .define-table-input button{
        background-color: #F7F9FA;
        border: 1px solid #E6E6E6;
        color: #999;
        height: 1.03rem;
        line-height: 0.606060rem;
        padding-left: 0.303030rem;
        padding-right: 0.303030rem;
        font-size: 0.424242rem;
        border-radius: 3px;
    }
    .define-table-input button i{
        padding-left: 1.333333rem;
    }
    .define-table-input button:focus,
    .define-table-input button:active,
    .define-table-input button:hover{
        border: 1px solid #E6E6E6;
    }
    .define-table{
        margin-left: 0.9090909rem;
        margin-right: 0.9090909rem;
        overflow-y: auto;
    }
    .table{
        border-radius: 3px;
        margin-bottom: 0;
        border: 1px solid #E6E6E6;
        font-size: 0.424242rem;
    }
    .table thead{
        background-color: #FAFAFA;
        color: #999;
    }
    .table tr{
        padding-left: 0.606060rem;
    }
    .table td{
        border-top: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
        padding: 0.51515151rem 0.242424rem;
        line-height: 1.2;
    }
    .table tbody{
        background-color: #FFF;
    }
    .table tbody td{
        vertical-align: bottom;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        vertical-align: middle;
    }
    .table-hover tbody tr:hover td{
        background-color: #fafafa;
    }
    .table tbody td:nth-child(2) img{
        width: 1.212121rem;
        vertical-align: -1px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    td.clearfix img{
        width: 0.393939rem;
        vertical-align: -2px;
        margin-right: 5px;
    }
    td.clearfix div:nth-child(2),
    td.clearfix div:nth-child(3){
        margin-left: 0.606060rem;
    }
    .table tbody tr td.clearfix:last-child{
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }
    .table tbody tr td.clearfix:last-child .pull-left{
        padding: 0.1rem 0.2rem ;
    }
    .table tbody tr td.clearfix:last-child .pull-left:hover{
        background-color: #e6e6e6;
        border-radius: 2px;
    }
    .define-paging{
        margin-top: 0.6363rem;
        display: block;
        color: #999;
        font-size: 0.363636rem;
        text-align: center;
    }
    /*投诉内容*/
    .table tbody tr td:nth-child(4){
        padding: 0;
    }
    .table tbody tr td:nth-child(4)>div{
        display: table;
        width: 80%;
    }
    .table tbody tr td:nth-child(4)>div:hover{
        background-color: #08CBD3;
        color: #FFF;
    }
    .table tbody tr td:nth-child(4) img{
        width: 2.727272rem;
        min-width: 60px;
    }
    .table tbody tr td:nth-child(4)>div>div{
        display: table-cell;
        vertical-align: middle;
    }
    .table tbody tr td:nth-child(4)>div>div:nth-child(1){
        width: 2.727272rem;
        min-width: 60px;
        padding: 9px 10px 9px 10px;
    }
    .table tbody tr td:nth-child(4)>div>div:nth-child(2){
        padding: 5px 0 5px 0;
    }
    .table tbody tr td:nth-child(4) .define_all{
        background-color: #FFF;
        color: #1CC7BD;
        border: 1px solid #1CC7BD;
        display: inline-block;
        padding: 0.1rem 0.2rem;
        margin-top: 5px;
    }
    .table tbody tr td:nth-child(4) .define_all:hover{
        cursor: pointer;
    }
    .table tbody tr td:nth-child(4) .define_all_content{
        width: 124px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-height: 1.5;
    }
    .table tbody tr td:nth-child(7){
        padding-bottom: 0.4rem;
        padding-top: 0.4rem;
    }
    .table tbody tr td:nth-child(7) div{
        cursor: pointer;
        padding: 0.1rem 0.2rem;
        border-radius: 3px;
        background-color: #e6e6e6;
        display: inline-block;
    }
    .table tbody tr td:nth-child(7) div.active_red{
        color: #FF0000;
    }
    .table tbody tr td:nth-child(7) div.active{
        color: #08CBD3;
    }
    /*改变鼠标悬浮样式  ↓*/
    .table tbody tr td.clearfix:last-child .pull-left:hover,
    .define-paging .pull-left:not(:first-child){
        cursor: pointer;
    }
    /*改变鼠标悬浮样式  ↑*/
    .define-paging .pull-left{
        padding: 0 0.272727rem;
    }
    .define-page.define-active{
        color: #47489A;
    }
    .define-paging .pull-left:first-child{
        margin-left: 38%;
        letter-spacing: 0.2rem;
    }
    /*适配*/
    @media (min-width: 1024px){
        /*18*/
        .define-nav .pull-left{
            font-size: 15px;
            margin-top: 3px;
        }
        .define-table-input button{
            line-height: 1.33;
        }
        td.clearfix img{
            width: 0.55rem;
            vertical-align: -1px;
        }
        td.clearfix div:nth-child(3) img{
            width: 0.6rem;
        }
        .table tbody td:nth-child(2) img{
            vertical-align: 0;
        }
        .define-nav-input input{
            line-height: normal;
            font-size: 0.424242rem;
        }
    }
    @media (min-width: 1100px) {
        /*20*/
        .define-table-input button{
            line-height: 1.45;
        }
        td.clearfix img{
            vertical-align: -2px;
        }
    }
    @media (min-width: 1280px) {
        /*22*/
        .define-nav .pull-left{
            font-size: 17px;
            margin-top: 3px;
        }
        .define-table-input button{
            line-height: 1.7;
        }
        td.clearfix img{
            width: 0.5rem;
        }
    }
    @media (min-width: 1366px) {
        /*24*/
        .define-nav .pull-left{
            font-size: 17px;
            margin-top: 3px;
        }
        .define-table-input button{
            line-height: 1.9;
        }
        td.clearfix img{
            width: 0.45rem;
            vertical-align: -1px;
        }
        td.clearfix div:nth-child(3) img{
            width: 0.5rem;
        }
    }
    @media (min-width: 1440px) {
        /*25*/
        .define-nav .pull-left{
            margin-top: 4px;
        }
        .define-table-input button{
            line-height: 1.95;
        }
        td.clearfix div:nth-child(3) img{
            width: 0.45rem;
        }
    }
    @media (min-width: 1680px) {
        /*28*/
        .define-nav .pull-left{
            font-size: 18px;
            margin-top: 5px;
        }
        .define-table-input button{
            line-height: 2.2;
        }
        td.clearfix img{
            width: 0.36rem;
            vertical-align: -1px;
        }
        td.clearfix div:nth-child(3) img{
            width: 0.4rem;
        }
        .table tbody td:nth-child(2) img{
            vertical-align: -1px;
        }
    }
    @media (min-width: 1920px) {
        /*33*/
        .define-nav .pull-left{
            font-size: 0.54rem;
            margin-top: 6px;
        }
    }

</style>
<div class="define">
    <div class="define-nav clearfix">
        <div class="pull-left">院内投诉管理</div>
        <div class="pull-right"><img id="admin_add_people" src="/statics/images/sever_add.png" alt=""></div>
    </div>

    <div class="define-nav-list clearfix">
        <div class="define-nav-item clearfix">
            <div class="pull-left"><img src="/statics/images/complain_all_number.png" alt=""></div>
            <div class="pull-left">
                <div>投诉总件数</div>
                <div>274件</div>
            </div>
        </div>
        <div class="define-nav-item clearfix">
            <div class="pull-left"><img src="/statics/images/complain_dealing.png" alt=""></div>
            <div class="pull-left">
                <div>处理中</div>
                <div>10件</div>
            </div>
        </div>
        <div class="define-nav-item clearfix">
            <div class="pull-left"><img src="/statics/images/complain_dealend.png" alt=""></div>
            <div class="pull-left">
                <div>已处理</div>
                <div>264件</div>
            </div>
        </div>
    </div>

    <div style="margin-left: 0.90rem;font-size: 0.424242rem;margin-top: 0.545454rem;margin-bottom: 0.545454rem;">全部结果</div>

    <div class="define-table">
        <table class="table table-hover" id="define_content_result">
            <thead>
            <tr>
                <td>序号</td>
                <td>投诉号</td>
                <td>投诉人</td>
                <td>投诉内容</td>
                <td>投诉时间</td>
                <td>投诉科室</td>
                <td>投诉状态</td>
                <td>操作</td>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>9037070001001</td>
                <td>张三</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>2017-10-31 15:30</td>
                <td>骨科</td>
                <td><div class="active_red">未处理</div></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_info_undisabled.png" alt="">详情</div>
                    <div class="pull-left"><img src="/statics/images/sever_coordinate_parameter.png" alt="">协调</div>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>9037070001002</td>
                <td>李四</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>2017-10-31 15:30</td>
                <td>皮肤科</td>
                <td><div class="active_red">未处理</div></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_info_undisabled.png" alt="">详情</div>
                    <div class="pull-left"><img src="/statics/images/sever_coordinate_parameter.png" alt="">协调</div>
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td>9037070001003</td>
                <td>王五</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>2017-10-31 15:30</td>
                <td>内科</td>
                <td><div class="active">已处理</div></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_info_undisabled.png" alt="">详情</div>
                    <div class="pull-left"><img src="/statics/images/sever_coordinate_parameter.png" alt="">协调</div>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>9037070001004</td>
                <td>马六</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>2017-10-31 15:30</td>
                <td>外科</td>
                <td><div class="active">已处理</div></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_info_undisabled.png" alt="">详情</div>
                    <div class="pull-left"><img src="/statics/images/sever_coordinate_parameter.png" alt="">协调</div>
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td>9037070001005</td>
                <td>赵七</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>2017-10-31 15:30</td>
                <td>口腔科</td>
                <td><div class="active">已处理</div></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_info_undisabled.png" alt="">详情</div>
                    <div class="pull-left"><img src="/statics/images/sever_coordinate_parameter.png" alt="">协调</div>
                </td>
            </tr>
            <tr>
                <td>6</td>
                <td>9037070001006</td>
                <td>赵七</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>2017-10-31 15:30</td>
                <td>脑科</td>
                <td><div class="active">已处理</div></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_info_undisabled.png" alt="">详情</div>
                    <div class="pull-left"><img src="/statics/images/sever_coordinate_parameter.png" alt="">协调</div>
                </td>
            </tr>
            <tr>
                <td>7</td>
                <td>9037070001007</td>
                <td>赵七</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>2017-10-31 15:30</td>
                <td>肿瘤科</td>
                <td><div class="active">已处理</div></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_info_undisabled.png" alt="">详情</div>
                    <div class="pull-left"><img src="/statics/images/sever_coordinate_parameter.png" alt="">协调</div>
                </td>
            </tr>
            <tr>
                <td>8</td>
                <td>9037070001008</td>
                <td>赵七</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>2017-10-31 15:30</td>
                <td>内科</td>
                <td><div class="active">已处理</div></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_info_undisabled.png" alt="">详情</div>
                    <div class="pull-left"><img src="/statics/images/sever_coordinate_parameter.png" alt="">协调</div>
                </td>
            </tr>
            <tr>
                <td>9</td>
                <td>9037070001009</td>
                <td>赵七</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>2017-10-31 15:30</td>
                <td>内科</td>
                <td><div class="active">已处理</div></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_info_undisabled.png" alt="">详情</div>
                    <div class="pull-left"><img src="/statics/images/sever_coordinate_parameter.png" alt="">协调</div>
                </td>
            </tr>
            <tr>
                <td>10</td>
                <td>9037070001000</td>
                <td>赵七</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>2017-10-31 15:30</td>
                <td>内科</td>
                <td><div class="active">已处理</div></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_info_undisabled.png" alt="">详情</div>
                    <div class="pull-left"><img src="/statics/images/sever_coordinate_parameter.png" alt="">协调</div>
                </td>
            </tr>
            </tbody>
        </table>
    </div>

    <!--分页  开始-->
    <div class="define-paging clearfix">
        <div class="pull-left">共8页</div>
        <div class="pull-left" id="the_first_page">首页</div>
        <div class="pull-left" id="prev_page">上一页</div>
        <div class="pull-left define-page define-active">1</div>
        <div class="pull-left define-page">2</div>
        <div class="pull-left define-page">3</div>
        <div class="pull-left define-page">4</div>
        <div class="pull-left define-page">5</div>
        <div class="pull-left" id="next_page">下一页</div>
        <div class="pull-left" id="the_last_page">尾页</div>
    </div>
    <!--分页  结束-->
</div>


<script src="/statics/js/hospital_all_complain_management.js"></script>